<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
<ui:composition template="../templates/layout.xhtml">
<ui:define name="title">Listado de Actividades Recientes</ui:define>
<ui:define name="content">
    <p:spacer height="5px"/>
    <p:spacer height="5px"/>
    <h:panelGroup>
        <h:form id="frmPrincipal" prependId="true">
            <p:spacer height="10px"/>
            <p:panel id="panelResultados" header="Listado de Actividades Recientes">
                <p:toolbar >
                    <p:toolbarGroup align="left">
                        <p:commandButton id="updateButton" value="Actualizar"
                                         actionListener="#{mainJsfBean.findAction}"
                                         update=":messages :frmPrincipal:panelResultados">
                            <f:attribute name="tableName" value="tablaLocales"/>
                            <f:attribute name="dialogName" value="wvverReporteDialog"/>
                        </p:commandButton>
                        <p:commandButton id="editButton" value="Ver Reportes"
                                         actionListener="#{mainJsfBean.showEditDialog}"
                                         update=":messages">
                        </p:commandButton>
                    </p:toolbarGroup>
                </p:toolbar>
                <p:dataTable id="tablaLocales" value="#{mainJsfBean.registros}"
                             var="selectedRegistro" rowKey="#{selectedRegistro.checkPointId}"
                             emptyMessage="No existen registros" paginator="true" rows="25"
                             paginatorPosition="bottom" selectionMode="single"
                             selection="#{reporteCuentaPagarJsfBean.reporteContext.checkPoint}"
                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                             rowsPerPageTemplate="5,10,25,50">

                    <p:ajax event="rowSelect" listener="#{mainJsfBean.onSelectDetail}" >
                    </p:ajax>

                    <p:column styleClass="columnLeftTopClass" style="min-width:100px">
                        <f:facet name="header">
                            <h:outputText value="Nombre de Archivo"/>
                        </f:facet>

                        <h:outputText value="#{selectedRegistro.nombreArchivo}"/>
                    </p:column>
                    <p:column styleClass="columnLeftTopClass" style="min-width:100px">
                        <f:facet name="header">
                            <h:outputText value="Tipo"/>
                        </f:facet>

                        <h:outputText value="#{selectedRegistro.tipo.nombre}"/>
                    </p:column>
                    <p:column styleClass="columnLeftTopClass" style="min-width:20px">
                        <f:facet name="header">
                            <h:outputText value="Fecha de Registro"/>
                        </f:facet>
                        <h:outputText value="#{selectedRegistro.fechaCreacion}">
                            <f:convertDateTime pattern="#{messages.label_app_timeFormatLong}" timeZone="America/Lima"
                                               type="both"/>
                        </h:outputText>
                    </p:column>
                    <p:column styleClass="columnLeftTopClass" style="min-width:20px">
                        <f:facet name="header">
                            <h:outputText value="Estado"/>
                        </f:facet>
                        <h:outputText value="#{selectedRegistro.estado}"/>
                    </p:column>
                </p:dataTable>

            </p:panel>
        </h:form>
    </h:panelGroup>

</ui:define>

<ui:define name="modal">
</ui:define>
</ui:composition>
</html>